/* components/battery-display/index.wxss */
.battery-box{
  box-sizing: border-box;
  
  width: 22rpx;
  height: 38rpx;
  background-color: #eee;
  position: relative;
}
.battery-box::before{
  position: absolute;
  content: "";
  top: -4rpx;
  left: 50%;
  transform: translate(-50%,0);
  width: 12rpx;
  height: 4rpx;
  background-color: #eee;
}
.battery{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-color: #f5736e;
}